<template>
  <el-container>
    <el-header class="me-area">
  <el-row class="me-header">
    <el-col  :span="16">
            <el-menu :router=true menu-trigger="click" active-text-color="#5FB878" :default-active="activeIndex"
            mode="horizontal">
              <el-menu-item index="/">首页</el-menu-item>
              <el-menu-item index="/category/all">文章分类</el-menu-item>
              <el-menu-item index="/tag/all">标签</el-menu-item>
              <el-menu-item index="/archives">文章归档</el-menu-item>
              <el-menu-item index="/log">日志</el-menu-item>
              <el-menu-item index="/messageBoard">留言板</el-menu-item>

            </el-menu>
    </el-col>
  </el-row>
  </el-header>
    
    
    <el-container>
      <el-aside  width="200px">
        <el-menu
        class="menu"
        background-color="#545c64"
        text-color="#fff"
        >
          <el-sub-menu title="dianping">   
            <template #title>
              <!-- <el-icon><location /></el-icon> -->
              <span>点评你</span>
            </template>
            <el-menu-item-group>
              <el-menu-item>食堂一</el-menu-item>
              <el-menu-item>食堂二</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
          <el-menu-item>吃什么</el-menu-item>
        </el-menu>
      </el-aside>

      <el-main>
        <Dishshow/>
      </el-main>

    </el-container>

    <el-footer>
      <span
      style="
      font-size: 45px;
      color: red;"
      >
        我觉得你说的对
      </span>
    </el-footer>
  </el-container>
</template>
  
  
  <script>
  import axios from 'axios'
  import Dishshow from "./Dishshow.vue"
  import * as api from '@/api';
  export default{
    data(){
      return{
         score:'',
         json1:''
      }
    },
    components:{
      Dishshow
    },
    mounted(){
    this.getlist()
    },
    methods:{
      //没写没写
      logout(){
        this.$router.replace({ //跳转页面
        path:"/"
          })
        },
        //展示数据
        getlist(){
        const DishSelectAllUrl = api.getDishSelectAllUrl();  
        axios  //发送axios请求，请求数据
        .post(DishSelectAllUrl,{
        location:"1"
        })
        .then(response=>{
          this.json1=response.data;
          console.log(this.json1);
        })
      },
  }
}
  </script>
  
  
  
<style>
*{
  margin: 0;
  padding: 0;
}


#score{
position: relative;
color: blue;
top: 10px;
font-size: 25px;
left: 190px;
}

#nop{
position: relative;
left: 230px;
top: 30px;
}
#comment{
  position: relative;
  right: 300px;
  top: 25px;
}
#location{
position: relative;
right: 577px;
  
}
#name{
  position: relative;
  font-size: 25px;
  bottom:30px;
  right: 100px;
}
#rate{
  position: relative;
  bottom: 20px;
  left:300px;
}

.el-container{
    height: 100vh;
}
.el-main{
  padding: 0;
  
    height: 100%;
}
  .el-aside{
    background-color: white;
  }
  
  .el-header{
    text-align: center;
    background-color: antiquewhite;
  }
  .el-footer{
    text-align: center;
    background-color: aquamarine;
  }


  </style>